<template>
    <div class="adminHome">
        
      <div class="header">
          <top ></top>
      </div>
      <div class="Content">
          <div class="frame-left">
              <div class="left-content">
                  <left></left>
              </div>
          </div>
          <div class="frame-right">
              <div class="right-content">
                  <router-view></router-view>
              </div>
          </div>
      </div>

    </div>
</template>
<script>
import top from "./commons/Top";
import left from "./commons/Left";
import center from "./commons/Center";
export default {
    name: "adminHome",
    components: { top , left , center },
    data: function () {
        return {
            noticeData: 1
        }
    },

    created: function () {

    }


}
</script>
<style scoped>
.adminhome {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.header {
    position: absolute;
    width: 93%;
    background-color: #333;
    height: 60px;
    padding: 10px 40px;
    z-index: 2;
}

.Content {
    height: 100%;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}

.frame-left {
    position: absolute; 
    top: 105px;
    width: 16%;
    height: 100%;
    padding: 10px 0 0 0;
    box-shadow: 0 0 10px 0 #999;
    overflow-y: auto;
}

.left-content {
     height: 100%; 
    /* height: 300px; */
    background-color: #fff;
    overflow: hidden;
}

.frame-right {
    height: 100%;
    width: 82%;
    padding: 45px 0 0 240px;
}

.right-content {
    /* min-width: 900px; */
    position: relative;
    height: 100%;
    overflow: auto;
}
</style>
